@import 'var.less';

.table{
	max-width: 100%;border:1px solid @border-color-base;overflow: auto;white-space: nowrap;border-bottom: 0;
	>table{
		min-width: 100%;
		th{background: #eee;font-weight: normal;}
		td,th{text-align: center;line-height: 20px;padding: 5px;}
		>thead>tr{
			>th,>td{border-bottom:1px solid @border-color-base;}
		}
		td:not(:last-child){border-right:1px solid @border-color-base;}
		// >tbody>tr:not(:last-child)>td{border-bottom:1px solid @border-color-base;}
		>tbody>tr>td{border-bottom:1px solid @border-color-base;}
		tr.error{background: lighten(@error-color, 20%);}
		.operate{
			a{margin-right: 5px;}
		}
		.operate-icon{
			li{display: inline-block;background: @primary-color;color:#fff;padding: 0px 5px;cursor: pointer;}
		}
	}

	.detail-td{
		background-color: @body-background;
	}
	.detail-table{
		position: relative;margin: 0;
		>table{
			width: 100%;
			th{
				background-color: transparent;border-bottom: 1px solid #dddee1;font-weight: bold;
			}
			th:not(:last-child){
				border-right: 1px solid #dddee1;
			}
			th,td{
				line-height: 18px;font-size: @btn-font-size;
			}
		}
	}

	.table{
		td{white-space: normal;}
	}
}

.childtable{
	border:0;overflow: visible;
	table{border:1px solid @border-color-base;}
	form{display:table-row;}
	.ivu-form-item{margin: 0;}
	.ivu-form-item-error-tip{top:5px;right: 5px;left: auto;}
	td{vertical-align: middle;}
	form:not(:last-child) td{border-bottom:1px solid @border-color-base;}
}
